// 定义食物类Food
export default class Food {
    // 食物对应的dom节点
    element: HTMLElement;

    constructor() {
        this.element = document.querySelector('#food')!;
    }

    // 获取食物的X轴坐标
    get X() {
        return this.element.offsetLeft
    }
    // 获取食物的Y轴坐标
    get Y() {
        return this.element.offsetTop
    }
    // 修改食物的位置（随机位置）
    changePosition() {
        // 食物的位置最小是0，最大是290
        // 蛇移动一次就是一格，一格的大小就是10
        // Math.round(Math.random()*290)
        // 父容器宽度
        const parentWidth = <number>this.element.parentElement?.clientWidth
        // 父容器高度
        const parentHeight = <number>this.element.parentElement?.clientWidth
        // 食物x轴坐标随机数范围
        const left = Math.round(Math.random() * (parentWidth / 10 - 1)) * 10
        // 食物y轴坐标随机数范围
        const top = Math.round(Math.random() * (parentHeight / 10 - 1)) * 10
        // 更新食物坐标
        this.element.style.left = left + 'px'
        this.element.style.top = top + 'px'
    }
}


